<template>
	<div class="record">
		<div class="tab">
			<div class="tab-item">姓名</div>
			<div class="tab-item">手机号</div>
			<div class="tab-item">创建时间</div>
		</div>
		<div class="list">
			<div class="list-item" v-for="(item,index) in list" :key="index">
				<span>{{item.realName}}</span>
				<span>{{item.account}}</span>
				<span>{{item.createTime | filterData2}}</span>
			</div>
		</div>
	</div>
</template>

<script>
	import {filterData2} from '@/static/js/filter.js'
	export default {
		data () {
			return {
				list:[]
			}
		},
		mounted() {
			this.getList()
		},
		methods:{
			getList(){
				this.$api.Memberrecord(1,20).then((res)=>{
					this.list = res.data.result.list
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.record{
		padding:24upx;
		.tab{
			display: flex;
			padding-bottom: 40upx;
			border-bottom: 1upx solid #D6D6D6;
			.tab-item{
				flex:1;
				font-size: 30upx;
				color: #333;
				font-weight: bold;
				&:nth-of-type(1){
					padding-left: 10upx;
				}
				&:nth-of-type(2){
					text-align: center;
				}
				&:nth-of-type(3){
					text-align: right;
					padding-right: 10upx;
				}
			}
		}
		.list-item{
			display: flex;
			padding:28upx 0;
			border-bottom: 1upx solid #eaeaea;
			&:nth-last-child(1){
				border:none;
			}
			span{
				flex:1;
				&:nth-of-type(1){
					padding-left: 10upx;
				}
				&:nth-of-type(2){
					text-align: center;
				}
				&:nth-of-type(3){
					text-align: right;
					padding-right: 10upx;
				}
			}
		}
	}
</style>
